<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="./css/my.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
    <style type="text/css">

    </style>
</head>

<body>
    <div class="my">
        <div class="my_box">
            <div class="bar">
                <i class="fa fa-cog" aria-hidden="true"></i>
            </div>
            <div class="info_photo">
                <div class="infor">
                    <div class="info_name">
                        张三
                    </div>
                    <div class="info_date">
                        今天是RTFH陪伴你的第365天
                    </div>
                    <a href="javascript:;">查看个人资料</a>
                </div>
                <div class="my_photo">
                    <img src="./imgs/photo/photo1.jpg" alt="照片1">
                </div>
            </div>
            <div class="my_order">
                <div class="my_order_title">我的订单</div>
                <div class="order_list">
                    <a href="javascript:;">
                        <i class="fa fa-files-o" aria-hidden="true"></i>
                        <span>全部订单</span>
                    </a>
                    <a href="javascript:;">
                        <i class="fa fa-file-text-o" aria-hidden="true"></i>
                        <span>已支付订单</span>
                    </a>
                    <a href="javascript:;">
                        <i class="fa fa-file-o" aria-hidden="true"></i>
                        <span>未支付订单</span>
                    </a>
                    <a href="javascript:;">
                        <i class="fa fa-university" aria-hidden="true"></i>
                        <span>安全中心</span>
                    </a>
                    <a href="javascript:;">
                        <i class="fa fa-question-circle" aria-hidden="true"></i>
                        <span>需要帮助</span>
                    </a>
                    <a href="javascript:;">
                        <i class="fa fa-history" aria-hidden="true"></i>
                        <span>历史足迹</span>
                    </a>
                </div>
            </div>
            <a href="javascript:;" class="become_landlord">
                成为房东
            </a>
            <div class="other_list">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <span>发布房源</span>
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span>体验与问卷</span>
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>